//引导页
<template>
    <el-dialog width="40%" :visible.sync="dialogVisible"  :title="title">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="currentPage1"
        :page-size="1"
        style="text-align:center;"
        layout=" prev, pager, next"
        :total="3">
      </el-pagination>
      <div slot="title" class="header-title">
        <img :src="require('@/assets/images/imed_z.png')" style=" display: inline-block;
          height: auto;
          max-width: 100%;">
        <span>{{title}}</span>
      </div>
      <page4 v-show="currentPage1===1"></page4>
      <page5 v-show="currentPage1===2"></page5>
      <page6 v-show="currentPage1===3"></page6>
    </el-dialog>
</template>
<script>

import Page4 from '@/components/diag/page4'
import Page5 from '@/components/diag/page5'
import Page6 from '@/components/diag/page6'

// eslint-disable-next-line no-unused-vars
let echarts = require('echarts/lib/echarts')
// 引入柱状图组件
require('echarts/lib/chart/line')
// 引入提示框和title组件
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')
export default {
  name: 'Content',
  components: {
    Page4,
    Page5,
    Page6
  },
  data () {
    return {
      // server_url: 'http://114.55.245.149:5001',
      server_url: 'http://127.0.0.1:7899',
      diag2_visible: false,
      showViewer: false,
      currentPage1: 1,
      diag_num: 0,
      dialogVisible: true,
      loading_bt: false,
      percentage: 0,
      dialogTableVisible: true,
      radio: 'normal',
      tmp: '上传图片',
      title: '',
      rurl: ['', '', '', '', ''],
      link_dic: {
        'normal': 0,
        'first': 1,
        'second': 2,
        'third': 3,
        'forth': 4
      },
      murl: [],
      st: [],
      a1: 0,
      a2: 0,
      a3: 0,
      a4: 0,
      a5: 0,
      flag: 0
    }
  },
  // activated () {
  //   this.init()
  //   this.drawprob()
  //   this.drawnum()
  // },
  // mounted () {
  //   // 在mounted生命周期或方法中执行下述代码
  //   this.drawprob()
  //   this.drawnum()
  // },
  computed: {},
  // watch: {
  //   flag (val, oldVal) {
  //     this.drawnum()
  //     this.drawprob()
  //     console.log('flag change')
  //   },
  //   radio (val, oldVal) {
  //     this.drawnum()
  //     this.drawprob()
  //   }
  // },
  methods: {
    click_test () {
      console.log('test_success')
    },
    handleSizeChange (val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange (val) {
      console.log(`当前页: ${val}`)
    },
    dia_for () {
      console.log(this.url_tmp)
      if (this.diag_num < 2) {
        this.diag_num = this.diag_num + 1
        this.url_tmp = this.dia_url[this.diag_num]
        console.log(this.url_tmp)
      }
    },
    dia_back () {
      if (this.diag_num > 0) {
        this.diag_num = this.diag_num - 1
        this.url_tmp = this.dia_url[this.diag_num]
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.body2{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.body1{
  display: flex;
  flex-wrap: wrap;//允许换行排列
  flex-direction: row;
  justify-content: space-around;
}
.demo-image__preview {
  width: 130px;
  height: 130px;
  top: 120px;
  float: left;
}
.main{
  display: flex;
  flex-wrap: wrap;//允许换行排列
  flex-direction: column;
  justify-content: space-around;
}
.image_1 {
  width: 130px;
  height: 130px;
  background: #ffffff;
  top:40px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.09);
}
.info_1 {
  height: 30px;
  width: 130px;
  text-align: center;
  top: 180px;
  position: absolute;
  background-color: #ffffff;
  line-height: 30px;
}
.info_2 {
  height: 30px;
  width: 240px;
  text-align: center;
  top: 310px;
  position: absolute;
  background-color: #ffffff;
  line-height: 30px;
}
.dashboard {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
  Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial,
  sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  display: flex;
  flex-direction: row;
}
</style>
